var myChart = echarts.init(document.getElementById('main1'));

kltj_datadeal=function(result){
    var list1 = [];
    var list2 = [];
    var data = result.data;
    for(var i=0;i<data.length;i++){
        if(i<(data.length/2)){
            list1.push(parseInt(data[i]));
        }else{
            list2.push(parseInt(data[i]));
        }
    }

    setData(list1,list2);
};

function init1(){

	if(comm_rundemo){
        var _tmpdata={
            "code": "200",
            "type": null,
            "message": null,
            "data": [
                "245",
                "1452",
                "4233",
                "4569",
                "3823",
                "2534",
                "1003",
                "934",
                "1256",
                "735",
                "1324",
                "2342",
                "3523",
                "4452",
                "4723",
                "3920",
                "1923",
                "904",
                "345",
                "983",
                "2403",
                "5323",
                "3953",
                "2122",
                "884",
                "1032",
                "955",
                "823",
                "934",
                "1124",
                "1842",
                "3243",
                "4052",
                "3420",
                "1423",
                "1004"
            ]
        };

        kltj_datadeal(_tmpdata);
	}
	else {
		$.ajax({
		 type:'post',
		 url: targetPath + '/rest/getData?start=v234&end=v269',
		 dataType: 'json',//here
		 success: function(result)
		 {
		 if(result.code=="200"){
		 kltj_datadeal(result);
		 }else{
		 //console.log("数据异常");
		 }
		 }
		 });
	}




}

function setData(list1,list2){
// Generate data
var option = {
	backgroundColor : '#313D42',
	tooltip : { //提示框组件
		trigger : 'axis',
		formatter : '{b}<br />{a0}: {c0}<br />{a1}: {c1}',
		axisPointer : {
			type : 'shadow',
			label : {
				backgroundColor : '#054E6D'
			}
		},
		textStyle : {
			color : '#fff',
			fontStyle : 'normal',
			fontFamily : '微软雅黑',
			fontSize : 11,
		}
	},
	grid : {
		left : '1%',
		right : '4%',
		bottom : '6%',
		top : 30,
		padding : '0 0 10 0',
		containLabel : true,
	},
	legend : {//图例组件，颜色和名字
		right : 10,
		top : 0,
		itemGap : 16,
		itemWidth : 18,
		itemHeight : 11,
		data : [ {
			name : '进站客流',
		//icon:'image://../wwwroot/js/url2.png', //路径
		}, {
			name : '出站客流',
		} ],
		textStyle : {
			color : '#a8aab0',
			fontStyle : 'normal',
			fontFamily : '微软雅黑',
			fontSize : 11,
		}
	},
	xAxis : [ {
		type : 'category',
		boundaryGap : true,//坐标轴两边留白
		data : [ '6:00', '7:00', '8:00', '9:00', '10:00', '11:00', '12:00',
				'13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00',
				'20:00', '21:00', '22:00', '23:00' ],
		axisLabel : { //坐标轴刻度标签的相关设置。
			interval : 1,//设置为 1，表示『隔一个标签显示一个标签』
			margin : 15,
			textStyle : {
				color : '#078ceb',
				fontStyle : 'normal',
				fontFamily : '微软雅黑',
				fontSize : 11,
			}
		},
		axisTick : {//坐标轴刻度相关设置。
			show : false,
		},
		axisLine : {//坐标轴轴线相关设置
			lineStyle : {
				color : '#fff',
				opacity : 0.2
			}
		},
		splitLine : { //坐标轴在 grid 区域中的分隔线。
			show : false,
		}
	} ],
	yAxis : [ {
		type : 'value',
		splitNumber : 5,
		axisLabel : {
			textStyle : {
				color : '#a8aab0',
				fontStyle : 'normal',
				fontFamily : '微软雅黑',
				fontSize : 11,
			}
		},
		axisLine : {
			show : false
		},
		axisTick : {
			show : false
		},
		splitLine : {
			show : true,
			lineStyle : {
				color : [ '#fff' ],
				opacity : 0.06
			}
		}

	} ],
	series : [
			{
				name : '进站客流',
				type : 'bar',
				data : list1,
				barWidth : 8,
				barGap : 0,//柱间距离
				label : {//图形上的文本标签
					normal : {
						show : true,
						position : 'top',
						textStyle : {
							color : '#a8aab0',
							fontStyle : 'normal',
							fontFamily : '微软雅黑',
							fontSize : 11,
						},
					},
				},
				itemStyle : {//图形样式
					normal : {
						barBorderRadius : [ 5, 5, 0, 0 ],
						color : new echarts.graphic.LinearGradient(0, 0, 0, 1,
								[ {
									offset : 1,
									color : 'rgba(127, 128, 225, 0.7)'
								}, {
									offset : 0.9,
									color : 'rgba(72, 73, 181, 0.7)'
								}, {
									offset : 0.31,
									color : 'rgba(0, 208, 208, 0.7)'
								}, {
									offset : 0.15,
									color : 'rgba(0, 208, 208, 0.7)'
								}, {
									offset : 0,
									color : 'rgba(104, 253, 255, 0.7)'
								} ], false),
					},
				},
			},
			{
				name : '出站客流',
				type : 'bar',
				data : list2,
				barWidth : 8,
				barGap : 0.1,//柱间距离
				label : {//图形上的文本标签
					normal : {
						show : true,
						position : 'top',
						textStyle : {
							color : '#a8aab0',
							fontStyle : 'normal',
							fontFamily : '微软雅黑',
							fontSize : 11,
						},
					},
				},
				itemStyle : {//图形样式
					normal : {
						barBorderRadius : [ 5, 5, 0, 0 ],
						color : new echarts.graphic.LinearGradient(0, 0, 0, 1,
								[ {
									offset : 1,
									color : 'rgba(127, 128, 225, 0.7)'
								}, {
									offset : 0.9,
									color : 'rgba(72, 73, 181, 0.7)'
								}, {
									offset : 0.25,
									color : 'rgba(226, 99, 74, 0.7)'
								}, {
									offset : 0,
									color : 'rgba(253, 200, 106, 0.7)'
								} ], false),
					},
				},
			} ]
};

myChart.setOption(option);
};

